﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*banner*/

/*banner*/
.fullSlide {width:100%;position:relative;height:446px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:446px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:446px;}
.fullSlide .hd {
                position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}



.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#fffab1;  background:#fff; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ background:#ff5200; color:#ff5200;}

.fullSlide .prev,.fullSlide .next {	display:block;
	position:absolute;
	z-index:1;top:50%;
	margin-top:-30px;left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


/**/
.chanp{ padding:50px 0 70px;font-size: 0;}
.cp_t{height: 105px;text-align: center; background:url(Img/Index/cp_line.gif) no-repeat 6px 58px;}
.cp_t a{font-size: 34px;color: #00459d;}
.cp_t span{display: block;font-size: 16px;color: #666;text-transform: uppercase; padding:8px 0 0;}
.cp_l{width: 215px;}
.cp_l ul li{width: 215px;height: 74px; padding:0 0 1px;position: relative;}
.cp_l ul li a{font-size: 12px;color: #fff;display: block; background:url(Img/Index/cp_libg01.gif) no-repeat;width: 170px;height: 54px; padding:20px 0 0 45px;}
.cp_l ul li.cur a,.cp_l ul li a:hover{ background:url(Img/Index/cp_libg02.gif) no-repeat; text-decoration:none;}
.cp_l ul li b{display: block;font-size: 14px; padding:0 0 3px;}
.cp_k{ display:none; background:url(Img/Index/cp_k.png) no-repeat;width: 93px;height: 228px;position: absolute;top: 2px;left:215px; padding:0 0 0 38px;z-index: 20;}
.cp_k h3{height: 30px;line-height: 30px;overflow: hidden; padding:15px 0 0; margin:0 0 15px;}
.cp_l ul li .cp_k h3 a{font-size: 16px;color: #333;font-weight: normal;display: block;width: 92px;height: 25px;padding: 0; background:none;}
.cp_k p{height: 30px;line-height: 30px;overflow: hidden;}
.cp_l ul li .cp_k p a{font-size: 14px;color: #505050;display: block;width: 92px;height: 30px;padding: 0; background:none;}
.cp_r{width: 973px;}
.cp_r dl{ display:inline-block;width: 973px;}
.cp_r dl dt{width: 494px;height: 300px;position: relative;float: left;}
.cp_r dl dt img{width: 494px;height: 300px;}
.cp_r dl dt span{ display:inline-block;width: 66px;height: 20px;position: absolute;bottom: 10px;right: 10px;}
.cp_r dl dt span a{font-size: 12px;color: #fff;display: block;float: left; background:url(Img/Index/cp_ico01.png) no-repeat;width: 18px;height: 18px;text-align: center;line-height: 18px;overflow: hidden; margin:0 2px;}
.cp_r dl dt span a:hover{ background:url(Img/Index/cp_ico02.png) no-repeat; text-decoration:none;}
.cp_r dl dd{width: 375px;height: 268px;float: right; border:#00459d 1px solid;background: #f6f6f6; padding:30px 60px 0 40px;}
.cp_r dl dd h5{font-size: 16px;color: #00459d;height: 30px;line-height: 30px;overflow: hidden;}
.cp_r dl dd p{font-size: 14px;color: #666;height: 100px;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.cp_r dl dd span,.sheb dl dd span{display: block;width: 105px; padding:30px 0 0;}
.cp_r dl dd span a,.ban01 p em a,.sheb dl dd span a,.about dl dd span a{font-size: 12px;color: #fff;display: block;width: 105px;height: 32px;text-align: center;line-height: 32px;background: #ff5200;overflow: hidden;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.cp_r dl dd span a:hover,.sheb dl dd span a:hover,.sheb_c ul li em a:hover{background: #00459d; text-decoration:none;}

/**/
.four_bg{ background:url(Img/Index/four_bg.jpg) no-repeat center 0;height: 483px;font-size: 0;overflow: hidden;}
.four_t{ padding:55px 0 0;height: 132px;text-align: center;}
.four_t a{font-size: 34px;color: #fff;}
.four_t i{color: #ffde00;}
.four_t span{display: block;font-size: 14px;color: #80a8d6;text-transform: uppercase; padding:13px 0 0;}
.four01{ background:url(Img/Index/four_k.png) no-repeat;width: 290px;height: 220px;overflow: hidden; padding:0 25px 0 0;}
.four01 p{width: 253px;height: 220px;text-align: center;}
.four01 i{display: block;font-size: 22px;color: #55a0ff; font-family:Arial, Helvetica, sans-serif; padding:25px 0 0;height: 38px;}
.four01 b{display: block;font-size: 16px;color: #fff;height: 48px;line-height: 48px;overflow: hidden;}
.four01 span{display: block;font-size: 12px;color: #fff;width: 130px; margin:0 auto;line-height: 25px; padding:10px 0 0;}
.four04{width: 253px;padding: 0;}

/*广告条*/
.ban01{ background:url(Img/Index/ban01.jpg) no-repeat center 0; height:168px; overflow:hidden;}
.ban01 .ban_a{display: block;width: 1200px;height: 168px;position: absolute;top: 0;left: 0;}
.ban01 p{position: absolute;top: 70px;right: 0;width: 525px;}
.ban01 p span{ display:block;width: 150px; font-size:14px; color:#fff;float: left;}
.ban01 p span b{font-size: 22px;color: #ff5200;display: block; font-family:Arial, Helvetica, sans-serif;}
.ban01 p em{ display:block;float: left;width: 105px; padding:5px 0 0;}
.ban01 p em a:hover,.about dl dd span a:hover{background: #fff;color: #00459d; text-decoration:none;}

/**/
.ys_bg{ background:url(Img/Index/ys_bg.gif) no-repeat center 0;height: 637px;font-size: 0;overflow: hidden;}
.ys .cp_t{height: 160px; padding:80px 0 0; background:none;}
.ys01{width: 226px;height: 330px; padding:0 7px;overflow: hidden;}
.ys dl dt{width: 226px;height: 165px;position: relative;}
.ys dl dt img{width: 226px;height: 165px;}
.ys dl dt em{display: block;width: 25px;height: 50px;text-align: center;line-height: 50px;background: #ff5200;font-size: 12px;color: #fff;position: absolute;top: 135px;left: 10px;}
.ys dl dd{width: 166px; padding:20px 30px 0;height: 145px;background: #fff;}
.ys dl dd h5{font-size: 20px;color: #000;height: 40px;overflow: hidden; background:url(Img/Index/ys_line.gif) no-repeat 0 39px;}
.ys dl dd p{font-size: 16px;color: #333;line-height: 25px; padding:10px 0 0;}
.ys dl dd p i{color: #ff5200;}
.ys .ys_p{ display:none;color: #fff;width: 182px;height: 310px;background: #3e3e3e;position: absolute;top: 0;left: 7px; padding:20px 22px 0;z-index: 20;}
.ys_p b{display: block;font-size: 20px; padding:0 0 5px;}
.ys_p span{display: block;font-size: 14px;line-height: 22px; padding:10px 0 0;}

/**/
.sheb_bg{ background:url(Img/Index/sheb_bg.jpg) no-repeat center 0;height: 600px; padding:57px 0 0;font-size: 0;overflow: hidden;}
.sheb{ width:756px;}
.sheb_t{height: 95px;}
.sheb_t a{font-size:34px; color:#fff;}
.sheb_t i{color: #ffde00;}
.sheb_t span{display: block;font-size: 14px;color: #a3b2d2;font-weight: normal;text-transform: uppercase; padding:5px 0 0;}
.sheb dl{ width:680px; display:inline-block; overflow:hidden; padding:42px 0 0 75px;}
.sheb dl dt{ width:258px; height:174px; float:left;}
.sheb dl dt img{ width:258px; height:174px;}
.sheb dl dd{ width:360px; float:left; padding:0 0 0 25px;}
.sheb dl dd p{ font-size:14px; color:#333; height:100px; line-height:25px; padding:10px 0 0;overflow: hidden;}
.sheb dl dd span{ padding:20px 0 0;}
.sheb_m{ padding:36px 0 0 30px;width: 726px; display:inline-block;}
.sheb_l img,.sheb_r img{ width:21px; height:43px; padding:48px 0 0;}
.sheb_c ul li { width:207px; height:140px; float:left;position: relative; padding:0 10px;overflow: hidden;}
.sheb_c ul li img{ width:207px; height:140px;}
.sheb_c ul li span{ width:200px; padding:0 0 0 7px; display:block; height:25px; line-height:25px; font-size:12px; color:#fff;position: absolute;bottom: 0;left: 10px; background:url(Img/Index/sheb_picbg.png) repeat; overflow:hidden;}
.sheb_c ul li em{display: block;width: 60px;height: 25px;position: absolute;bottom: 0;right: 10px;}
.sheb_c ul li em a{display: block;width: 60px;height: 25px;text-align: center;line-height: 25px;background: #ff5200;overflow: hidden;font-size: 12px;color: #fff;}

/**/
.honor{ width:380px;}
.honor_m{ padding:24px 0 0;width: 330px; margin:0 auto;}
.honor_l img,.honor_r img{ padding:175px 0 0;}
.honor_c{ padding:0 0 0 20px;}
.honor_c ul li {position: relative; width:251px; height:167px; padding:20px 0 0;}
.honor_c ul li img{ width:251px; height:167px;}
.honor_c ul li span{ width:251px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden;font-size: 12px;color: #fff;position: absolute;bottom: 0;left: 0; background:url(Img/Index/sheb_picbg.png) repeat;}

/*走进欧莱尔*/
.ab_bg{ background:url(Img/Index/ab_bg.jpg) no-repeat center 0; height:428px; padding:60px 0 0;font-size: 0; overflow:hidden;}
.ab_t{height: 114px;text-align: center;}
.ab_t a{font-size: 34px;color: #fff;}
.ab_t span{display: block;font-size: 18px;color: #fff; padding:8px 0 0;}
.about dl{ width:1200px; display:inline-block; overflow:hidden;}
.about dl dt{ width:548px; height:253px; float:left;}
.about dl dt img{ width:548px; height:253px;}
.about dl dd{ width:615px; float:left; padding:0 0 0 28px;}
.about dl dd p{ font-size:14px; color:#fff; height:180px; line-height:30px; padding:10px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 105px; padding:20px 0 0;}

/*格林威尔公司动态*/
.news_bg{background: #f3f7fa;font-size: 0; padding:65px 0;}
.news,.wd{ width:774px;height: 485px; border-top:#00459d 1px solid; border-left:#d8d8d8 3px solid; border-right:#d8d8d8 3px solid; border-bottom:#d8d8d8 3px solid;overflow: hidden;}
.news_t{ height:38px; background:#d8d8d8; line-height:38px;}
.news_t ul li{ float:left;}
.news_t ul li a{ font-size:16px; color:#333; font-weight:bold;text-transform: uppercase; display:block; padding:0 20px;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:#00459d; text-decoration:none;}
.news_t span{ float:right; padding:0 15px 0 0;}
.news_t span a{ font-size:12px; color:#333;}
.news_m{ padding:15px 0 0 45px;width: 729px;}
.news dl{ width:729px;height: 169px; padding:25px 0 0; display:inline-block; overflow:hidden;}
.news dt{ width:246px; float:left;height: 169px;}
.news dt img{ width:242px; height:165px; border:#fff 2px solid;}
.news dd{ float:left; overflow:hidden; width:420px; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#00459d;}
.news dd p{ font-size:12px; color:#666; height:120px; line-height:24px;overflow: hidden; padding:5px 0 0;}

/*常见问题*/
.wd{ width:370px;}
.wd_t{ height:38px; background:#00459d; line-height:38px;}
.wd_t a{font-size: 16px;color: #fff; padding:0 15px;}
.wd_t span{ float:right;}
.wd_t span a{ font-size:12px; color:#fff;font-weight: normal;}
.wd dl{ width:310px; height:90px; border-bottom:#ccc 1px solid; margin:0 auto; padding:20px 0 0;}
.wd dt{ background:url(Img/Index/wen.gif) no-repeat 0 3px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333; font-weight:bold;}
.wd dt a:hover{color: #00459d; text-decoration:none;}
.wd dd{ font-size:12px; color:#666; background:url(Img/Index/da.gif) no-repeat 0 10px; padding:5px 0 0 30px; line-height:20px; height:40px; overflow:hidden;}
.wd .nobor{ border:none;}
